body{ padding: 0}
.g-top-box .m-nav-box .m-nav-dl dt a{ color: #fff}
.g-top-box .m-nav-box .m-nav-dl dd{ background: rgba(5, 89, 175, .5); }


.g-top-box{ position:absolute; top: 0; left: 0; z-index: 99; background: none}
.g-top-box .m-nav-box a{ height: 68px; color: #fff; border: 0;}


/*幻灯片*/
.g-index-ppt{width:100%; height:auto; background:#fff; display:block; overflow:hidden; position:relative; zoom:1}
.g-index-ppt .swiper-wrapper{width:100%; height:100%; display:flex; box-sizing:content-box; position:relative; zoom:1; z-index:10; padding:0; box-sizing:border-box;}
.g-index-ppt .swiper-wrapper .swiper-slide{-webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative;}
.g-index-ppt .swiper-wrapper .swiper-slide img{ width:100%; height:auto; display:block; overflow:hidden}

.g-index-ppt .swiper-pagination{ width:100%; height:24px; line-height:0; text-align:center; display:block; overflow:hidden; position:absolute; left:0; bottom:28px; z-index:12}
.g-index-ppt .swiper-pagination span{ width:14px; height:14px; margin:0 7px; background:#0559af; border-radius:8px; display:inline-block; overflow:hidden; white-space:nowrap; cursor:pointer}
.g-index-ppt .swiper-pagination .swiper-pagination-bullet-active{background: #f7f8f9}

/*扬飞简介*/
.g-about-box{ margin-top: 60px;}
.g-about-box .m-about-left{ width: 666px; height: 454px; position: relative;}
.g-about-box .m-about-left i{ width: 34px; height: 34px; background: #dfdfdf;display: block; overflow: hidden; position:absolute; left: 18px; top: 16px; z-index: 10}
.g-about-box .m-about-left b{ width: 600px; height: 412px; background: #fbfbfb;display: block; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 0;}
.g-about-box .m-about-left .u-img{ width: 612px; height: auto; position: absolute; left: 52px; top: 50px; z-index: 10; display: block; overflow: hidden;}
.g-about-box .m-about-left .u-img img{ width: 100%; height: 404px; display: block; overflow: hidden;}

.g-about-box .m-about-right{ width: 480px; height: auto; margin: 46px 0 0 54px;}
.g-about-box .m-about-right .m-about-cont{ width: 100%; height: auto; line-height: 30px; font-size: 17px; font-weight: normal; color:#555; margin: 20px 0 0; text-indent: 28px;}

/*产业布局*/
.g-Industrial-box{ width: 100%; height: auto; padding: 28px 0 0; background: #fbfbfb; margin: 80px 0 0; display: block; overflow: hidden;}
.g-Industrial-box .g-title-2{ width: 1200px; margin: auto}
.g-Industrial-box .m-industrial-cont{ width: 100%; height: auto; margin:29px auto 0; display: block; overflow: hidden;}
.g-Industrial-box .m-industrial-cont a{ width: 25%; height: auto; float: left; margin: 0; position: relative; overflow: hidden;}
.g-Industrial-box .m-industrial-cont a img{ width: 100%; height: auto; display: block; overflow: hidden;}
.g-Industrial-box .m-industrial-cont a i{ width: 100%; height: 100%; background: rgba(0, 0, 0, .5); display: block; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 5;}
.g-Industrial-box .m-industrial-cont a strong{ width: 100%; height: 30px; line-height: 30px; font-size: 24px; font-weight: bold; color: #fff; font-style:initial; display: block; overflow: hidden; position:absolute; left: 0; bottom: 24px; z-index: 10; text-indent: 24px;}


/*扬飞新闻*/
.g-news-box { width:1240px;margin-top: 58px;}
.g-news-box .m-news-main{ width:100%; height:auto; padding:0 0 50px; margin:29px 0 0; display:block; overflow:hidden}
.g-news-box .m-news-main a{ width:386px; height:auto; float:left; margin:0 0 0 21px; background:#fff; border-radius:10px; box-shadow:0px 0px 10px #eee; display:inline; overflow:hidden}
.g-news-box .m-news-main a span{ width:100%; height:auto; display:block; overflow:hidden}
.g-news-box .m-news-main a img{ width:100%; height:248px; display:block; overflow:hidden}
.g-news-box .m-news-main a strong{ width:auto; height:22px; line-height:22px; font-size:20px; font-weight:normal; color:#222; margin:22px 20px 0; display:block; overflow:hidden}
.g-news-box .m-news-main a p{ width:auto; height:68px; line-height:22px; font-size:14px; font-weight:normal; color:#777; margin:13px 20px 0; display:block; overflow:hidden}
.g-news-box .m-news-main a b{ width:100%; height:56px; line-height:56px; font-size:18px; font-weight:normal; color:#0090ee; text-align:center; display:block; overflow:hidden; border-top:1px solid #ebebeb; margin:24px 0 0;}
.g-news-box .m-news-main a b i{ display:none}


.g-news-box .u-more-btn{ color: #fff}
.g-top-box .u-logo img.u-color-logo{ display: none}
.g-top-box .u-logo img.u-white-logo{ display: block}
.g-about-box .m-about-right .u-web-img{ display: none;}



@media only screen and (max-width: 640px) {
    .g-top-box{ position: relative;}
    .g-top-box .u-logo img.u-color-logo{ display: block}
    .g-top-box .u-logo img.u-white-logo{ display: none}
    .g-top-box .m-nav-box .m-nav-dl dt a{ color: #333}

    .g-index-ppt .swiper-pagination{ bottom: 5px; height: auto;}
    .g-index-ppt .swiper-pagination span{ width: 6px; height: 6px; margin: 0 4px;}

    .g-about-box{ margin: 0; padding: 0 0 0 0; box-sizing: border-box; position: relative;}
    .g-about-box .m-about-left{ display: none}
    

    .g-title-2{ text-align: center}
    .g-title-2 i{ margin: 5px auto 0;}
    .g-about-box .m-about-right{ width: 100%; margin: 32px 0 0; padding: 0 17px; box-sizing: border-box;}
    .g-about-box .m-about-right .m-about-cont{ font-size: 14px; line-height: 24px; margin: 9px 0 0; }
    .g-about-box .m-about-right .u-web-img{ width: 100%; height: auto; display: block; overflow: hidden; margin: 12px 0 0;}

    .g-Industrial-box{ padding: 0; margin: 32px 0 0; background: #fff}
    .g-Industrial-box .g-title-2{ width: 100%;}
    .g-Industrial-box .m-industrial-cont{ width: 100%; margin: 0; padding: 3px 17px 0 3px; box-sizing: border-box;}
    .g-Industrial-box .m-industrial-cont a{ width: 50%; padding: 14px 0 0 14px; box-sizing: border-box;}
    .g-Industrial-box .m-industrial-cont a i{ left: 14px; top: 14px;}
    .g-Industrial-box .m-industrial-cont a strong{ font-size: 15px; bottom:10px; height: 17px; line-height: 17px}
    .g-Industrial-box .m-industrial-cont a:active i{ display: none}


    .g-news-box{ width: 100%; margin-top: 30px;}
    .g-news-box .m-news-main{ margin-top: 15px; white-space: nowrap; overflow-x: auto; padding: 0 17px 14px 0; font-size: 0; box-sizing: border-box}
    .g-news-box .m-news-main a{ float: none; width: 242px; height: 310px; display: inline-block; margin: 0 0 0 17px; }
    .g-news-box .m-news-main a img{ height: 156px}
    .g-news-box .m-news-main a strong{ font-size: 17px; margin: 15px 9px 0; white-space: normal}
    .g-news-box .m-news-main a p{ white-space: normal; margin: 10px 9px 0;}
    .g-news-box .m-news-main a b{ height: 32px; line-height: 32px; font-size: 13px; box-sizing: border-box; margin: 7px 0 0;}

}

@media(hover: hover) and (pointer: fine) {
    .g-Industrial-box .m-industrial-cont a:hover i{ display: none}
    .g-Industrial-box .m-industrial-cont a:hover img{ transform: scale3d(1.2,1.2,1);}
    .g-news-box .m-news-main a:hover span img{ transform: scale3d(1.2,1.2,1)}
    .g-about-box .m-about-left .u-img:hover img{ transform: scale3d(1.2,1.2,1)}
    .g-top-box .m-nav-box a:hover{ height: 65px; border-bottom: 3px solid #0559af; color: #fff;}
    .g-top-box .m-nav-box .m-nav-dl dd a:hover{ border: 0; background: #0559af}
}